<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        Marketing
        <small>Opportunity</small>
    </h1>
    <ol class="breadcrumb">
        <li><a ui-sref="main.dashboard"><i class="fa fa-dashboard"></i> Dashboard</a>
        </li>
        <li class="active">Opportunity</li>
    </ol>
</section>

<!-- Main content -->
<section class="content">
    <!-- Small boxes (Stat box) -->
    <div class="row">
        <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-aqua">
                <div class="inner">
                    <h3>
                        150
                    </h3>
                    <p>
                        Total Opportunity
                    </p>
                </div>
                <div class="icon">
                    <i class="ion ion-bag"></i>
                </div>
                <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
            </div>
        </div>
        <!-- ./col -->
        <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-green">
                <div class="inner">
                    <h3>
                        53
                    </h3>
                    <p>
                        New Marketing / Year
                    </p>
                </div>
                <div class="icon">
                    <i class="ion ion-stats-bars"></i>
                </div>
                <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
            </div>
        </div>
        <!-- ./col -->
        <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-yellow">
                <div class="inner">
                    <h3>
                        44
                    </h3>
                    <p>
                        New Marketing / Month
                    </p>
                </div>
                <div class="icon">
                    <i class="ion ion-person-add"></i>
                </div>
                <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
            </div>
        </div>
        <!-- ./col -->
        <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-red">
                <div class="inner">
                    <h3>
                        65
                    </h3>
                    <p>
                        Active Marketing
                    </p>
                </div>
                <div class="icon">
                    <i class="ion ion-pie-graph"></i>
                </div>
                <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
            </div>
        </div>
        <!-- ./col -->
    </div>
    <!-- /.row -->

    <div class="row">
        <section class="col-lg-12">
            <div class="box">
                <div class="box-header">
                    <!-- tools box -->
                    <div class="pull-right box-tools">
                        <div class="btn-group">
                            <button type="button" class="btn btn-sm btn-info">Action</button>
                            <button type="button" class="btn btn-sm btn-info dropdown-toggle" data-toggle="dropdown">
                                <span class="caret"></span>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Export All</a>
                                </li>
                                <li><a href="#">Export Selected</a>
                                </li>
                            </ul>
                        </div>
                        <a ui-sref="main.opportunity.new"><button class="btn btn-sm btn-info">New Opportunity</button></a>
                    </div>
                    <!-- /. tools -->

                    <i class="fa fa-users"></i>
                    <h3 class="box-title">Opportunitys</h3>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <table class="table table-hover footable" data-page-size="5">
                        <thead>
                            <tr>
                                <th data-sort-ignore="true"><input type="checkbox"></th>
                                <th data-type="numeric" data-sort-initial="true">ID</th>
                                <th>Name</th>
                                <th>Type</th>
                                <th>Probability</th>
                                <th>Amount</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input type="checkbox"></td>
                                <td>183</td>
                                <td><a ui-sref="main.opportunity.detail({id: 183})">John Doe</a></td>
                                <td>or sit amet salami</td>
                                <td>Bacon ipsum dolor sit amet salami</td>
                                <td>123.32</td>
                                <td>
                                    <span class="label label-success">Approved</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox"></td>
                                <td>219</td>
                                <td>Jane Doe</td>
                                <td>or sit amet salami</td>
                                <td>Bacon ipsum dolor sit amet salami</td>
                                <td>123.32</td>
                                <td>
                                    <span class="label label-warning">Pending</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox"></td>
                                <td>657</td>
                                <td>Bob Doe</td>
                                <td>or sit amet salami</td>
                                <td>Bacon ipsum dolor sit amet salami</td>
                                <td>123.32</td>
                                <td>
                                    <span class="label label-primary">Approved</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox"></td>
                                <td>175</td>
                                <td>Mike Doe</td>
                                <td>or sit amet salami</td>
                                <td>Bacon ipsum dolor sit amet salami</td>
                                <td>123.32</td>
                                <td>
                                    <span class="label label-danger">Denied</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox"></td>
                                <td>183</td>
                                <td>John Doe</td>
                                <td>or sit amet salami</td>
                                <td>Bacon ipsum dolor sit amet salami</td>
                                <td>123.32</td>
                                <td>
                                    <span class="label label-success">Approved</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox"></td>
                                <td>219</td>
                                <td>Jane Doe</td>
                                <td>or sit amet salami</td>
                                <td>Bacon ipsum dolor sit amet salami</td>
                                <td>123.32</td>
                                <td>
                                    <span class="label label-warning">Pending</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox"></td>
                                <td>657</td>
                                <td>Bob Doe</td>
                                <td>or sit amet salami</td>
                                <td>Bacon ipsum dolor sit amet salami</td>
                                <td>123.32</td>
                                <td>
                                    <span class="label label-primary">Approved</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox"></td>
                                <td>175</td>
                                <td>Mike Doe</td>
                                <td>or sit amet salami</td>
                                <td>Bacon ipsum dolor sit amet salami</td>
                                <td>123.32</td>
                                <td>
                                    <span class="label label-danger">Denied</span>
                                </td>
                            </tr>
                        </tbody>
                        <tfoot class="hide-if-no-paging">
                            <tr>
                                <td colspan="7" align="center">
                                    <ul class="pagination"></ul>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->
        </section>
    </div>
</section>
<!-- /.content -->
